<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<!DOCTYPE html>
<html>
<head>

<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>管理员登录</title>
<%
	pageContext.setAttribute("APP_PATH",request.getContextPath());
%>
<link rel="stylesheet" type="text/css" href="${APP_PATH}/assets/css/log.css" />
</head>

<body style="background-image: url(${APP_PATH}/static/img/login1.jpg);background-size: cover;">
<h1 class="center" style="display:block;text-align:center;"><font color="white">欢迎您使用小米商城管理系统</font></h1>

<div id="wrapper" class="login-page">
 <div id="login_form" class="form">
   <form class="register-form">
     <input type="text" placeholder="用户名" id="r_user_name" />
     <input type="password" placeholder="密码" id="r_password" />
     <input type="text" placeholder="电话号码" id="r_phone"/>
     <button id="create">创建账户</button>
     <p class="message">已经有了一个账户? <a href="#">立刻登录</a></p>
   </form>
   <form method="post"action="/loginer">
     <input type="text" placeholder="用户名" id="username" name="username"/>
     <input type="password" placeholder="密码" id="password" name="password"/>
     <button  onclick="submit()">登　录</button>
     <p class="message">还没有账户? <a href="#">立刻创建</a></p>
   </form>
 </div>
</div>

<script src="${APP_PATH}/assets/js/jquery-1.9.0.js"></script>
<script>window.jQuery || document.write('<script src="${APP_PATH}/assets/js/jquery-3.4.0.min.js"><\/script>')</script>
<script type="text/javascript">

$(function(){
$("#create").click(function(){
check_register();
return false;
})
$('.message a').click(function () {
   $('form').animate({
       height: 'toggle',
       opacity: 'toggle'
   }, 'slow');
});
})
</script>
</body>
</html>
